<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人注册</title>
    <link rel="shortcut icon" href="bitbug.ico" />
    <!--引入初始化样式-->
    <link rel="stylesheet" href="css/base.css">
    <!--引入公共的样式文件-->
    <link rel="stylesheet" href="css/common.css">
    <!--引入注册页面的css-->
    <link rel="stylesheet" href="css/register.css">
</head>
<body>
    <div class="w">
        <header>
            <!--头部模块制作start-->
            <header class="w logoW">
                <!--logo模块-->
                <div class="logo">
                    <a href="index.html" title="品优购商城"><img src="images/logo.png" alt=""></a>
                </div>
            </header>
            <!--注册 start-->
        </header>
        <div class="registerarea">
           <h3>
               注册新用户
               <div class="login">
                   我有账号，请<a href="#" class="style_red">登录</a>
               </div>
           </h3>
            <div class="reg_form">
                <form action="">
                    <ul>
                        <li><label for="">手机号：</label><input class="int" type="text"> <span class="error"><i class="error_img"></i>手机号码格式不正确，请重新输入</span></li>
                        <li><label for="">短信验证码：</label><input class="int" type="text"> <span class="success"><i class="success_img"></i>短信验证码输入正确</span></li>
                        <li><label for="">登录密码：</label><input class="int" type="password"> <span class="error"><i class="error_img"></i>手机号码格式不正确，请重新输入</span></li>
                        <li class="safe">安全程度 <em>弱</em> <em>中</em> <em>强</em></li>
                        <li><label for="">确认密码：</label><input class="int" type="password"> <span class="error"><i class="error_img"></i>手机号码格式不正确，请重新输入</span></li>
                        <li class="agree"><input type="checkbox">
                            同意协议并注册 <a href="#">《知晓用户协议》</a>
                        </li>
                        <li><input  class="btn" type="submit" value="完成注册"></li>

                    </ul>
                </form>
            </div>
        </div>
        <footer>
            <!--底部模块的制作 start-->
            <footer class="footer">
                <div class="w">
                    <div class="mod_service">
                        <ul>
                            <li>
                                <h5></h5>
                                <div class="service_txt">
                                    <h4>正品保障</h4>
                                    <p>正品保障，提供发票</p>
                                </div>
                            </li>
                            <li>
                                <h5></h5>
                                <div class="service_txt">
                                    <h4>正品保障</h4>
                                    <p>正品保障，提供发票</p>
                                </div>
                            </li>
                            <li>
                                <h5></h5>
                                <div class="service_txt">
                                    <h4>正品保障</h4>
                                    <p>正品保障，提供发票</p>
                                </div>
                            </li>
                            <li>
                                <h5></h5>
                                <div class="service_txt">
                                    <h4>正品保障</h4>
                                    <p>正品保障，提供发票</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="mod_help">
                        <dl>
                            <dt>服务指南</dt>
                            <dd><a href="#">购物流程</a></dd>
                            <dd><a href="#">会员介绍</a></dd>
                            <dd><a href="#">生活旅行/团购</a></dd>
                            <dd><a href="#">常见问题</a></dd>
                            <dd><a href="#">大家电</a></dd>
                            <dd><a href="#">联系客服</a></dd>
                        </dl>
                        <dl>
                            <dt>服务指南</dt>
                            <dd><a href="#">购物流程</a></dd>
                            <dd><a href="#">会员介绍</a></dd>
                            <dd><a href="#">生活旅行/团购</a></dd>
                            <dd><a href="#">常见问题</a></dd>
                            <dd><a href="#">大家电</a></dd>
                            <dd><a href="#">联系客服</a></dd>
                        </dl>
                        <dl>
                            <dt>服务指南</dt>
                            <dd><a href="#">购物流程</a></dd>
                            <dd><a href="#">会员介绍</a></dd>
                            <dd><a href="#">生活旅行/团购</a></dd>
                            <dd><a href="#">常见问题</a></dd>
                            <dd><a href="#">大家电</a></dd>
                            <dd><a href="#">联系客服</a></dd>
                        </dl>
                        <dl>
                            <dt>服务指南</dt>
                            <dd><a href="#">购物流程</a></dd>
                            <dd><a href="#">会员介绍</a></dd>
                            <dd><a href="#">生活旅行/团购</a></dd>
                            <dd><a href="#">常见问题</a></dd>
                            <dd><a href="#">大家电</a></dd>
                            <dd><a href="#">联系客服</a></dd>
                        </dl>
                        <dl>
                            <dt>服务指南</dt>
                            <dd><a href="#">购物流程</a></dd>
                            <dd><a href="#">会员介绍</a></dd>
                            <dd><a href="#">生活旅行/团购</a></dd>
                            <dd><a href="#">常见问题</a></dd>
                            <dd><a href="#">大家电</a></dd>
                            <dd><a href="#">联系客服</a></dd>
                        </dl>
                        <dl>
                            <dt>帮助中心</dt>
                            <dd>
                                <img src="images/wx_cz.jpg" alt="">
                                评优狗客户端
                            </dd>
                        </dl>

                    </div>
                    <div class="mod_copyright">
                        <div class="links">
                            <a href="#">关于我们</a>  |  <a href="#">联系我们</a>  |  <a href="#">联系客服</a>  |  <a href="#">商家入驻</a>  |  <a href="#">营销中心</a>  |  <a href="#">手机品优购</a>  |  <a href="#">友情链接</a>  |  <a href="#">销售联盟</a>  |  <a href="#">品优购社区</a>  |  <a href="#">品优购公益</a>  |  <a href="#">English Site</a>  |  <a href="#">Contact U</a>
                        </div>
                        <div class="copyright">
                            地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn <br>
                            京ICP备08001421号京公网安备110108007702
                        </div>
                    </div>
                </div>
            </footer>
            <!--底部模块的制作 end-->
        </footer>
    </div>
    <!--注册 end-->
    <!--头部模块制作end-->

</body>
</html>